(function($){
    //淡入淡出效果
    $.fn.fadeBn=function(speed,automatic){
        var bnUlLi = $('ul li',this);
        var bnCtr = $('.bn_ctr',this);
        var bnIndex = 0;
        var num = bnUlLi.length;
        var bnTimer = null;
        bnUlLi.first().show();
        for( var i = 0; i < num; i++){
            bnCtr.append('<a class="dib_top"></a>');
        }
        var bnCtrBtn = $('.bn_ctr a',this);
        bnCtrBtn.first().addClass('current');
        var bnTimerFn = function(){
            bnUlLi.eq(bnIndex).stop().fadeOut();
            bnIndex++;
            bnIndex%=num;
            bnUlLi.eq(bnIndex).stop().fadeIn();
            bnCtrBtn.eq(bnIndex).addClass('current').siblings().removeClass('current');
        }
        bnUlLi.hover(function(e) {
            clearInterval(bnTimer);
        },function(){
            clearInterval(bnTimer);
            bnTimer = setInterval(bnTimerFn,speed);
        });
        bnCtrBtn.click(function(e) {
            clearInterval(bnTimer);
            bnUlLi.eq(bnIndex).stop().fadeOut();
            bnIndex = $(this).index();
            bnUlLi.eq(bnIndex).stop().fadeIn();
            bnCtrBtn.eq(bnIndex).addClass('current').siblings().removeClass('current');
            bnTimer = setInterval(bnTimerFn,speed);
        });
        if(automatic==true){
            bnTimer = setInterval(bnTimerFn,speed);
        }else{
            clearInterval(bnTimer);
        }
    }
    
    //左右滚动效果
    $.fn.loopBn=function(time,speed,automatic){
        var time;
        var speed;
        var automatic;
        var bnUl = $('ul',this);
        var bnUlLi = $('ul li',this);
        var bn_ctr = $('.bn_ctr',this);
        var ctrIndex = 0;//控制按钮索引
        var loopIndex = 0;//轮播图索引
        var img_num = bnUlLi.length;
        var bnLiW = bnUlLi.width();//获取li的宽度
        bnUl.append(bnUlLi.first().clone(true));//在页面加载完成之后，把第一张图通过克隆技术放在ul的最后位置；
        var bnUlW = (img_num+1)*bnLiW+10;
        bnUl.css('width',bnUlW+'px');
        for( var i = 0; i < img_num; i++){
            bn_ctr.append('<li></li>');
        }
        var bnOlLi = $('ol li',this);
        bnOlLi.first().attr('class','current');
        var num = bnOlLi.length;
        
        //定时器控制轮播
        var bannerTimer = null;     
        var bannerFn = function(){
            //ol的li切换
            ctrIndex++;
            ctrIndex%=num;
            bnOlLi.eq(ctrIndex).addClass('current').siblings().removeClass('current');
            loopIndex++;
            if(loopIndex>num){
                loopIndex = 1;
                bnUl.css('left','0');
            }
            var moveLeft = -bnLiW*loopIndex;
            bnUl.stop(true).animate({'left':moveLeft+'px'},time);
            
        }
        bnOlLi.click(function(e) {
            clearInterval(bannerTimer);
            $(this).addClass('current').siblings().removeClass('current');
            var moveLeft = -bnLiW*$(this).index();
            bnUl.animate({'left':moveLeft+'px'},time);
            ctrIndex=$(this).index();
            loopIndex=$(this).index();  
            bannerTimer = setInterval(bannerFn,speed);  
        });
        bnUlLi.hover(function(e) {
            clearInterval(bannerTimer);
        },function(){
            bannerTimer = setInterval(bannerFn,speed);
        });
        if(automatic == true){
            bannerTimer = setInterval(bannerFn,speed);
        }else{
            clearInterval(bannerTimer);
        }
    }

    /*-------------------产品浏览---------------------*/
    $.fn.browsePro=function(widthL,num,time){
        var xtUl = $('ul',this);
        var xtUlLi = $('ul li',this) ;
        var liNum = xtUlLi.length;
        var ulLiIndex = 0;
        var ulWidth = widthL*liNum;
        var imgMid;
        if(liNum>num){
            xtUl.parent().siblings('.btn').css('display','block');
            xtUl.css('width',ulWidth+'px');
        }else{
            xtUl.parent().siblings('span').hide();
        }
        xtUlLi.click(function(e) {
            imgMid = $(this).find('img').attr('data-src');
            $(this).parents('.gallery').find('.img-mid img').attr('src',imgMid);
            $(this).addClass('current').siblings().removeClass('current');
        });
        $('.btn-r').click(function(e) {
            ulLiIndex+=num;
            if(ulLiIndex>liNum){
                ulLiIndex=num*parseInt(liNum/num);
            }
            if(ulLiIndex==liNum){
                ulLiIndex=num*(parseInt(liNum/num)-1);
            }
            var moveLeft = -ulLiIndex*widthL;
            $('.thumb').stop(true).animate({'left':moveLeft+'px'},time);
        });
        $('.btn-l').click(function(e) {
            ulLiIndex-=num;
            if(ulLiIndex<0){
                ulLiIndex=0;
            }
            var moveLeft = -ulLiIndex*widthL;
            $('.thumb').stop(true).animate({'left':moveLeft+'px'},time);
        });
    }

    /*-------------------放大镜---------------------*/
    $.fn.zoom = function(){
        $(".booth").mousemove(function(e){
            //计算盒子内的鼠标位置：
            var x = e.pageX - $("div.booth").offset().left;
            var y = e.pageY - $("div.booth").offset().top;
            
            //验收，保证放大镜，不能移出盒子
            if(x < 75){
                x = 75;
            }           
            if(y < 75){
                y = 75;
            }
            if(x > 300 - 75){
                x = 300 - 75;
            }
            if(y > 300 - 75){
                y = 300 -75;
            }
            //让放大镜跟随鼠标：
            $(".booth .zoom-img").css(
                {
                    "left":x - 75,
                    "top":y - 75
                }   
            );
            //让大图等比例变化
            var imgX = -(300/150) * (x - 75);
            var imgY = -(300/150) * (y - 75);
            $('.big-img img').css({'margin-left':imgX+'px','margin-top':imgY+'px'});
        });
        $(".booth").hover(function(e) {
            var bigImgSrc = $(this).find('img').attr('src');
            $('.big-img img').attr('src',bigImgSrc);
            $(".zoom-img").show();
            $(".big-img").show();
        },function(){
            $(".zoom-img").hide();
            $(".big-img").hide();
        });
    }

    /*-------------------晒图图片浏览---------------------*/
    $.fn.photosThumb=function(){
        var photoUlLi = $('ul li',this);
        var UlLiIndex=0;
        var photoDiv = $('div',this);
        photoUlLi.click(function(e) {
            var photoImgSrc = $(this).attr('data-src');
            if($(this).hasClass('current')){
                $(this).removeClass('current');
                $(this).parent().siblings('div').hide(300);
            }else{
                $(this).addClass('current').siblings().removeClass('current');
                $(this).parent().siblings('div').show(300);
                $(this).parent().siblings('div').children('img').attr('src',photoImgSrc);
            }
        });
        photoDiv.click(function(e) {
            $(this).hide(300);
        });
    }



})(jQuery);